<template>
    <div class="allT" :class="dayModel===true?'lColor':'bColor'">
      <div class="IndexImg" style="height: 400px">
        <div class="center font1">
          {{obj.output}}
        </div>
        <Menu class="pHidden"></Menu>
        <PMenu class="pShow" style="display: none"></PMenu>
      </div>
      <el-row>
        <el-col :sm="{span:18,offset:3}" style="margin-top: 10px">
          <friendLink></friendLink>
          <CNumber></CNumber>
          <br>
          <br>
        </el-col>
      </el-row>
    </div>
</template>

<script>
import CNumber from "../views/CaseNumber"
import Menu from "../views/Menu";
import PMenu from "../views/PMenu";
import friendLink from "../views/friendLink";
import EasyTyper from "easy-typer-js";
export default {
  name: "Archive",
  data(){
    return{
      obj: {
        output: '',
        isEnd: false,
        speed: 90,
        singleBack: false,
        sleep: 0,
        type: 'normal',
        backSpeed: 40,
        sentencePause: false
      }
    }
  },
  components: {
    friendLink,
    Menu,
    PMenu,
    CNumber
  },
  computed:{
    dayModel(){
      return this.$store.state.dayModel
    }
  },
  mounted() {
    this.$store.commit("setRouterName",'friendLink');
    const typed = new EasyTyper(this.obj,'友链')
  }
}
</script>

<style scoped>
.center {
  text-align: center;
  line-height: 400px;
}
.font1 {
  color: white;
  font-size: 30px;
  font-weight: 700;
}
</style>